<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>我的收藏</title>
    <link href="../css/mui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="../css/iconfont.css" /> 
    <link rel="stylesheet" type="text/css" href="../css/cw.css"/>
    <script type="text/javascript" src="../js/public.js" ></script>
    <script type="text/javascript" src="../js/app/me-sc.js" ></script>
    <style type="text/css">
    	.mui-segmented-control.mui-segmented-control-inverted .mui-control-item{color:#000;font-size:14px;padding:0px 5px }
    	.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{color:#7EC60F;position:relative;}
    	.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active:after{position: absolute;content: "";background:#7EC60F;height: 1px;bottom: 0px;left:5px;right:5px;}
    	.mui-scroll>div:nth-last-child(n+2){border-bottom: 5px solid #EFEFF4;}
    </style>
</head>
<body>
	<header id="header" class="mui-bar mui-bar-nav ">
		<span class="mui-action-back mui-icon mui-icon-left-nav"></span>
		<h1 class="mui-title color-white font-18">我的收藏</h1>
	</header> 
	<div id="content" class="mui-content"></div>
	<div id="slider" class="mui-slider background-w">
		<div id="sliderSegmentedControl" class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
			<div class="mui-scroll">
				<a class="mui-control-item mui-active" href="#item1mobile">
					试剂耗材
				</a>
				<a class="mui-control-item" href="#item2mobile">
					技术服务
				</a>
				<!--<a class="mui-control-item" href="#item3mobile">
					公司导航
				</a>-->
				<a class="mui-control-item" href="#item4mobile">
					推荐活动
				</a>
				<a class="mui-control-item" href="#item5mobile">
					会议信息
				</a>
				<a class="mui-control-item" href="#item6mobile">
					求职招聘
				</a>
				<a class="mui-control-item" href="#item7mobile">
					论坛帖子
				</a>
			</div>
		</div>
		<div class="mui-slider-group">
			<div id="item1mobile" class="mui-slider-item mui-control-content mui-active">
				<div id="scroll1" class="mui-scroll-wrapper">
					<div class="mui-scroll">
						<!--<div class="table-view-cell background-w overflow-h home-list home-list-2">
							<div class="mui-pull-right ">
								<div class="">
									<span class="mui-ellipsis-2 font-15 line-h-23">
										马云马化腾马云马化腾马云
										马云马化腾马云马化腾马云
									</span>
									<span class="font-14 color-c">2016-03-24</span>
								</div>
							</div>
							<div class="mui-pull-left"><img src="../images/iconic.png" /></div>
						</div>
						<div class="table-view-cell background-w overflow-h home-list home-list-2">
							<div class="mui-pull-right ">
								<div class="">
									<span class="mui-ellipsis-2 font-15 line-h-23">
										马云马化腾马云马化腾马云
										马云马化腾马云马化腾马云
									</span>
									<span class="font-14 color-c">2016-03-24</span>
								</div>
							</div>
							<div class="mui-pull-left"><img src="../images/iconic.png" /></div>
						</div>
						<div class="table-view-cell background-w overflow-h home-list home-list-2">
							<div class="mui-pull-right ">
								<div class="">
									<span class="mui-ellipsis-2 font-15 line-h-23">
										马云马化腾马云马化腾马云
										马云马化腾马云马化腾马云
									</span>
									<span class="font-14 color-c">2016-03-24</span>
								</div>
							</div>
							<div class="mui-pull-left"><img src="../images/iconic.png" /></div>
						</div>-->
					</div>
				</div>
			</div>
			<div id="item2mobile" class="mui-slider-item mui-control-content">
				<div  class="mui-scroll-wrapper">
					<div class="mui-scroll">
						<!--<div class="table-view-cell background-w overflow-h home-list home-list-2">
							<div class="mui-pull-right ">
								<div class="">
									<span class="mui-ellipsis-2 font-15 line-h-23">
										马云马化腾马云马化腾马云
										马云马化腾马云马化腾马云
									</span>
									<span class="font-14 color-c">2016-03-24</span>
								</div>
							</div>
							<div class="mui-pull-left"><img src="../images/iconic.png" /></div>
						</div>
						<div class="table-view-cell background-w overflow-h home-list home-list-2">
							<div class="mui-pull-right ">
								<div class="">
									<span class="mui-ellipsis-2 font-15 line-h-23">
										马云马化腾马云马化腾马云
										马云马化腾马云马化腾马云
									</span>
									<span class="font-14 color-c">2016-03-24</span>
								</div>
							</div>
							<div class="mui-pull-left"><img src="../images/iconic.png" /></div>
						</div>-->
					</div> 
				</div>
			</div>
			<!--<div id="item3mobile" class="mui-slider-item mui-control-content">
				<div  class="mui-scroll-wrapper">
					<div class="mui-scroll">
						 <div class="table-view-cell table-view background-w sj">
							<li><span class="font-17">华易信息技术（深圳）有限公司</span></li>
							<li class="color-ddd line-h-25">
								<span class="nav-wjx">
									<span class="iconfont icon-xingxing color-zx-2"></span>
									<span class="iconfont icon-xingxing color-zx-2"></span>
									<span class="iconfont icon-xingxing color-zx-2"></span>
									<span class="iconfont icon-xingxing color-zx-2"></span>
									<span class="iconfont icon-xingxing color-zx-2 color-c"></span>
								</span>
								<span class="font-12">&emsp;450评价</span>
							</li>
							<li><span class="color-c font-12">技术服务</span></li>
						</div>
						<div class="table-view-cell table-view background-w sj ">
							<li><span class="font-17">华易信息技术（深圳）有限公司</span></li>
							<li class="color-ddd line-h-25">
								<span class="nav-wjx">
									<span class="iconfont icon-xingxing color-zx-2"></span>
									<span class="iconfont icon-xingxing color-zx-2"></span>
									<span class="iconfont icon-xingxing color-zx-2"></span>
									<span class="iconfont icon-xingxing color-zx-2"></span>
									<span class="iconfont icon-xingxing color-zx-2 color-c"></span>
								</span>
								<span class="font-12">&emsp;450评价</span>
							</li>
							<li><span class="color-c font-12">技术服务</span></li>
						</div>
					</div> 
				</div>
			</div>-->
			<div id="item4mobile" class="mui-slider-item mui-control-content">
				<div  class="mui-scroll-wrapper">
					<div class="mui-scroll">
						<!--<div class="position-re">
							<img src="../images/2.jpg"/>
							<div class="span-bar color-white font-14">
								<span class="mui-pull-left mui-col-xs-9">后就离开人世分级管理开始</span>
								<span class="mui-pull-left mui-col-xs-3 mui-text-right">2016-07-08</span>
							</div>
						</div>
						<div class="position-re">
							<img src="../images/2.jpg"/>
							<div class="span-bar color-white font-14">
								<span class="mui-pull-left mui-col-xs-9">后就离开人世分级管理开始</span>
								<span class="mui-pull-left mui-col-xs-3 mui-text-right">2016-07-08</span>
							</div>
						</div>
						<div class="position-re">
							<img src="../images/2.jpg"/>
							<div class="span-bar color-white font-14">
								<span class="mui-pull-left mui-col-xs-9">后就离开人世分级管理开始</span>
								<span class="mui-pull-left mui-col-xs-3 mui-text-right">2016-07-08</span>
							</div>
						</div>
						<div class="position-re">
							<img src="../images/2.jpg"/>
							<div class="span-bar color-white font-14">
								<span class="mui-pull-left mui-col-xs-9">后就离开人世分级管理开始</span>
								<span class="mui-pull-left mui-col-xs-3 mui-text-right">2016-07-08</span>
							</div>
						</div>
						<div class="position-re">
							<img src="../images/2.jpg"/>
							<div class="span-bar color-white font-14">
								<span class="mui-pull-left mui-col-xs-9">后就离开人世分级管理开始</span>
								<span class="mui-pull-left mui-col-xs-3 mui-text-right">2016-07-08</span>
							</div>
						</div>-->
					</div> 
				</div>
			</div>
			<div id="item5mobile" class="mui-slider-item mui-control-content">
				<div  class="mui-scroll-wrapper">
					<div class="mui-scroll">
						<!--<div class="table-view-cell background-w overflow-h home-list home-list-2">
							<div class="mui-pull-right ">
								<div class="">
									<span class="mui-ellipsis-2 font-15 line-h-23">
										马云马化腾马云马化腾马云
										马云马化腾马云马化腾马云
									</span>
									<span class="font-14 color-c">2016-03-24</span>
								</div>
							</div>
							<div class="mui-pull-left"><img src="../images/iconic.png" /></div>
						</div>
						<div class="table-view-cell background-w overflow-h home-list home-list-2">
							<div class="mui-pull-right ">
								<div class="">
									<span class="mui-ellipsis-2 font-15 line-h-23">
										马云马化腾马云马化腾马云
										马云马化腾马云马化腾马云
									</span>
									<span class="font-14 color-c">2016-03-24</span>
								</div>
							</div>
							<div class="mui-pull-left"><img src="../images/iconic.png" /></div>
						</div>-->
					</div> 
				</div>
			</div>
			<div id="item6mobile" class="mui-slider-item mui-control-content">
				<div  class="mui-scroll-wrapper">
					<div class="mui-scroll">
						<!--<div class="background-w table-view table-view-cell">
							<li class="font-17"><span>招聘招聘招聘招聘招聘招聘</span></li>
							<li class=" line-h-23"><span  class="color-zx-2 font-16  ">5000-5560元</span></li>
							<li><span class="color-c font-12">2016-03-23</span></li>
						</div>
						<div class="background-w table-view table-view-cell">
							<li class="font-17"><span>招聘招聘招聘招聘招聘招聘</span></li>
							<li class=" line-h-23"><span  class="color-zx-2 font-16  ">5000-5560元</span></li>
							<li><span class="color-c font-12">2016-03-23</span></li>
						</div>-->
					</div> 
				</div>
			</div>
			<div id="item7mobile" class="mui-slider-item mui-control-content">
				<div  class="mui-scroll-wrapper">
					<div class="mui-scroll">
						<!--<div class="table-view-cell table-view background-w overflow-h bbs-list-1">
							<i class="mui-pull-left "><img src="../images/zhongyi.png"/></i>
							<div class="mui-pull-left margin-bottom-10">
								<li class="overflow-h">
									<span class="mui-pull-left">简单网名</span>
									<span class="mui-pull-right">
										<span class="iconfont color-c font-14">&#xe622;</span>
										<span>200</span>
									</span>
								</li>
								<li class="font-12 color-c">昨天&nbsp;17:34</li>
							</div>
							<div class="clear-both">
								<span class="ellipsis-1">而我挺好看，我如今看来看去了我而我挺好看，我如今看来看去了我</span>
							</div>
						</div>
						<div class="table-view-cell table-view background-w overflow-h bbs-list-1">
							<i class="mui-pull-left "><img src="../images/zhongyi.png"/></i>
							<div class="mui-pull-left margin-bottom-10">
								<li class="overflow-h">
									<span class="mui-pull-left">简单网名</span>
									<span class="mui-pull-right">
										<span class="iconfont color-c font-14">&#xe622;</span>
										<span>200</span>
									</span>
								</li>
								<li class="font-12 color-c">昨天&nbsp;17:34</li>
							</div>
							<div class="clear-both">
								<span class="ellipsis-1">而我挺好看，我如今看来看去了我而我挺好看，我如今看来看去了我</span>
							</div>
						</div>-->
					</div> 
				</div>
			</div>
		</div>
	</div>
</body>
	<script src="../js/jquery-2.1.4.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/mui.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="../js/global.js" type="text/javascript" charset="utf-8"></script>
    <script src="../js/immersed.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" charset="UTF-8">
      	mui.init(
      		{
			  gestureConfig:{
			   longtap: true
			  }
			}
      	);
   </script> 
<script type="text/javascript">
	(function($) {
		$('.mui-scroll-wrapper').scroll({
			indicators: true //是否显示滚动条
		});
			
	})(mui);
	h();
	function h(){
		if(window.innerHeight){
		$(".mui-control-content").css({"min-height":(window.innerHeight-44-immersed-38)+"px"})	
		}
		else{
			setTimeout(function(){h();},200);
		}
	}	
</script>
<!--链接-->
<script type="text/javascript">
	$().ready(function(){
		$(".mui-scroll > div").on("longtap",function(){
			var _this=$(this);
			var btnArray = ['否', '是'];
			mui.confirm('删除该条收藏，确认？', ' ', btnArray, function(e) {
				if (e.index == 1) {
					_this.remove(); 					
				} 
			}) 
		})
	
	})
</script>
	
</html>